<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="../librarys/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../librarys/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../styles/kalendae1.css">
    <link rel="stylesheet" href="../styles/css.css">
    <!--[if lte IE 9]>
    <script src="../librarys/bootstrap/js/respond.js"></script>
    <script src="../librarys/bootstrap/js/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
    <!--头部-->
    <div class="index-header">
        <div class="index-header-main">
            <a href="#">收藏本站<i class="fa fa-star index-header-icon"></i> </a>
            <p class="index-header-right">
                <a href="#" class="index-header-a-border">登录</a>
                <a href="#">我的订单</a>
            </p>
        </div>
    </div>
    <!--logo-->
    <div class="index-logo">
        <!--logo-->
        <div class="index-logo-img"></div>
        <!--搜索框-->
        <form action="#">
            <div class="index-logo-search">
                <i class="fa fa-search index-logo-search-icon"></i>
                <input type="text" placeholder="搜索商家、店铺、服务" class="index-logo-search-input">
                <input type="submit" value="搜索" class="index-logo-search-button">
                <p class="index-logo-search-hot"><i>热门搜索：</i><a href="#">中式婚礼</a><a href="#">西式婚礼</a><a href="#">小清新风格</a><a href="#">汉朝婚礼</a> </p>
            </div>
        </form>
        <!--购物车-->
        <a href="#">
            <div class="index-logo-shop">
                <i class="fa fa-shopping-cart fa-2x"></i>
                <span>我的购物车</span>
            </div>
        </a>
    </div>
    <!--导航栏-->
    <div class="index-banner-title">
        <div class="index-banner-title-content">
            <ul>
                <li><a href="#" class="active">首页</a></li>
                <li><a href="#">团购</a></li>
            </ul>
        </div>
    </div>
    <!--内容-->
    <div class="list-main">
        <!--第一部分-->
        <div class="detail-main-item1">
            <!--左-->
            <div class="detail-main-item1-left">
                <!--小图-->
                <div class="bd">
                    <ul>
                        <li class="active">
                            <a href="#"><img src="../images/detail-lunbo1.jpg"></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/detail-img1.jpg"></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/detail-lunbo1.jpg"></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/detail-lunbo1.jpg"></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/detail-lunbo1.jpg"></a>
                        </li>
                    </ul>
                </div>
                <!--大图-->
                <div class="hd">
                    <a class="prev" href="javascript:void(0)"><i class="fa fa-angle-left fa-2x"></i></a>
                    <ul>
                        <li>
                            <a href="#"><img src="../images/detail-lunbo2.jpg"></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/detail-lunbo2.jpg"></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/detail-lunbo2.jpg"></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/detail-lunbo2.jpg"></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/detail-lunbo2.jpg"></a>
                        </li>
                    </ul>
                    <a class="next" href="javascript:void(0)"><i class="fa fa-angle-right fa-2x"></i></a>
                </div>
            </div>
            <!--中-->
            <div class="detail-main-item1-center">
                <h3>店长双机位拍摄<span>婚礼摄影</span></h3>
                <p class="detail-main-item1-center-txt">商家推荐：春季浪漫来袭，你的婚礼我们见证</p>
                <p class="detail-main-item1-center-price">
                    <span><b>¥</b>5288<i>限时特惠</i></span>
                    <em>市场价 <del>¥6888</del></em>
                </p>
                <!--<p class="detail-main-item1-center-address">-->
                    <!--<span class="detail-main-item1-center-address-span1">联系电话：13954228596</span>-->
                    <!--<span class="detail-main-item1-center-address-span2">地址：徐州市泉山区淮海西路123号</span>-->
                <!--</p>-->
                <div class="detail-main-item1-center-type">
                    <h4 class="detail-main-item1-center-type-h4">类型</h4>
                    <ul>
                        <li>
                            <div class="detail-main-item1-center-type1">
                                <b></b>
                                <a href="#">
                                    <i>单机位</i>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-center-type1">
                                <b></b>
                                <a href="#">
                                    <i>单机位</i>
                                </a>
                            </div>
                        </li>
                        <li class="active">
                            <div class="detail-main-item1-center-type1">
                                <b></b>
                                <a href="#">
                                    <i>单机位</i>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-center-type1">
                                <b></b>
                                <a href="#">
                                    <i>单机位</i>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-center-type1">
                                <b></b>
                                <a href="#">
                                    <i>单机位</i>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-center-type1">
                                <b></b>
                                <a href="#">
                                    <i>单机位</i>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-center-type1">
                                <b></b>
                                <a href="#">
                                    <i>单机位</i>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-center-type1">
                                <b></b>
                                <a href="#">
                                    <i>单机位</i>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="line-detail-top-right-date">
                    <h4 class="detail-main-item1-center-type-h4">婚礼档期</h4>
                    <div id="linedate">
                        <!--<div style="float: right">555555555</div>-->
                    </div>
                </div>
                <div class="detail-main-item1-center-bottom">
                    <!--立即预约模态框-->
                    <a href="#" data-toggle="modal" data-target="#myModal" class="detail-main-item2-store-bottom-yuyue">立即预约</a>


                    <!-- Modal -->
                    <div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title modal-person-message" id="myModalLabel">请输入您的个人信息</h4>
                                </div>
                                <div class="modal-body">
                                    <form>
                                        <div class="login-content-input form-group mt20">
                                            <i class="fa fa-user login-content-icon fa-lg"></i>
                                            <input class="form-control" type="text" placeholder="请输入您的真实姓名">
                                        </div>
                                        <div class="login-content-input form-group mt20">
                                            <i class="fa fa-lock login-content-icon fa-lg"></i>
                                            <input class="form-control" type="text" placeholder="请输入您的手机号">
                                        </div>
                                        <div class="login-content-input form-group">
                                            <button class="btn login-content-button mt15">立即预约</button>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a href="#" class="detail-main-item2-store-bottom-shop-bag"> <i class="fa fa-shopping-cart"></i> 加入购物车</a>
                </div>
                <div class="detail-main-item1-center-share">

                    <a href="#" class="detail-main-item1-center-share-shoucang"><i class="fa fa-star"></i> 收藏<span>（10）</span> </a>
                    <div class="detail-main-item1-center-share-icon">
                        <p>
                            <i class="fa fa-share-alt"></i>分享
                        </p>
                        <div class="detail-main-item1-center-share-hidden">
                            <a class="detail-main-item1-center-share-hidden-wechat">
                                <!--<i class="fa fa-wechat fa-lg"></i>-->
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-wechat fa-stack-1x fa-inverse"></i>
                                </span>
                                <span class="detail-main-item1-center-share-hidden-wechat-bgxolor"></span>
                            </a>
                            <a class="detail-main-item1-center-share-hidden-weibo">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
                                </span>
                                <span class="detail-main-item1-center-share-hidden-wechat-bgxolor"></span>
                            </a>
                            <a class="detail-main-item1-center-share-hidden-qq">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-qq fa-stack-1x fa-inverse"></i>
                                </span>
                                <span class="detail-main-item1-center-share-hidden-wechat-bgxolor"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!--右-->
            <div class="detail-main-item1-right">
                <h3>店长推荐</h3>
                <a class="prev" href="javascript:void(0)"><i class="fa fa-caret-up fa-lg"></i> </a>
                <div class="bd">
                    <ul>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>
                        <li>
                            <div class="detail-main-item1-right-content">
                                <a href="#">
                                    <img src="../images/detail-img5.jpg">
                                    <p>
                                        <em>【热卖推荐】三亚旅拍  内外景】</em>
                                        <span></span>
                                    </p>
                                </a>
                                <span><b>¥</b>5288&nbsp;&nbsp;&nbsp;&nbsp;<del>6288</del></span>
                            </div>
                        </li>

                    </ul>
                </div>
                <a class="next" href="javascript:void(0)"><i class="fa fa-caret-down fa-lg"></i> </a>
            </div>
        </div>
        <!--第二部分-->
        <div class="detail-main-item2">
            <!--左-->
            <div class="detail-main-item2-left">
                <!--店铺-->
                <div class="detail-main-item2-store">
                    <p class="detail-main-item2-store-logo"><img src="../images/detail-shop-name.jpg"></p>
                    <p class="detail-main-item2-store-txt">薇薇新娘婚纱摄影</p>
                    <a class="detail-main-item2-store-tell" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                        私信商家<i class="fa fa-phone"></i>
                    </a>
                    <div class="collapse " id="collapseExample">
                        <div class="detail-main-item2-store-tell-hidden">
                            <p><i class="fa fa-user"></i> 秦经理  &nbsp;&nbsp;&nbsp;<span style="color: #ff6278">188-8888-8888</span></p>
                            <p><i class="fa fa-user"></i> 秦经理  &nbsp;&nbsp;&nbsp;<span style="color: #ff6278">188-8888-8888</span></p>
                        </div>
                    </div>
                    <p class="detail-main-item2-store-good">好评率：<span>98%</span></p>
                    <p class="detail-main-item1-center-address">
                        <span class="detail-main-item1-center-address-span2">地址：<b class="detail-main-item1-center-address-span2-b">泉山区淮海西路123号徐州市</b></span>
                    </p>
                    <p class="detail-main-item2-store-bottom">
                        <!--<a href="#" class="detail-main-item2-store-bottom-shoucang">收藏</a>-->
                        <a href="shop.html" class="detail-main-item2-store-bottom-goin">进入店铺</a>
                    </p>
                </div>
                <!--热门商家-->
                <div class="detail-main-item2-business">
                    <h3>热门商家</h3>
                    <div class="detail-main-item2-business-list">
                        <ul>
                            <li><a href="#">1、唯爱摄影工作室</a></li>
                            <li><a href="#">2、微微新娘婚纱摄影</a></li>
                            <li><a href="#">3、影尚婚纱摄影</a></li>
                            <li><a href="#">4、最爱婚庆工作室</a></li>
                            <li><a href="#">5、唯爱摄影工作室</a></li>
                            <li><a href="#">6、唯爱摄影工作室</a></li>
                            <li><a href="#">7、唯爱摄影工作室</a></li>
                            <li><a href="#">8、唯爱摄影工作室</a></li>
                            <li><a href="#">9、唯爱摄影工作室</a></li>
                            <li><a href="#">10、唯爱摄影工作室</a></li>
                            <li><a href="#">11、唯爱摄影工作室</a></li>
                            <li><a href="#">12、唯爱摄影工作室</a></li>
                            <li><a href="#">13、唯爱摄影工作室</a></li>
                            <li><a href="#">14、唯爱摄影工作室</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--右-->
            <div class="detail-main-item2-right">
                <div class="hd">
                    <ul>
                        <li class="detail-main-item2-right-li">套餐描述</li>
                        <li class="detail-main-item2-right-li">套餐参数</li>
                        <li class="detail-main-item2-right-li on">图文详情</li>
                        <li class="detail-main-item2-right-li">用户评论（5）</li>
                    </ul>
                </div>
                <div class="bd">
                    <!--套餐描述-->
                    <ul>
                        <li>
                            <div class="detail-main-item2-right-content">
                                <div class="detail-main-item2-right-content-title">
                                    <span>套餐描述</span>
                                </div>
                                <div class="detail-main-item2-right-content-txt pb40">
                                    <p>内容：两台全高清Canon5D2摄像双机位摄像。</p>
                                    <p>拍摄周期：3天</p>
                                    <p>人员：1摄像总监+1首席摄像师+1化妆师</p>
                                    <p>器材：佳能5Dmarkii机型、Canon EF镜头组、斯坦尼康稳定器、滑轨、录音设备等</p>
                                    <p>成品：1080P全高花火微电影，使用定制的DVD光盘刻录，珍藏版光盘包装，赠送花火礼品包。</p>
                                    <!--<a href="#"><img src="../images/detail-img6.jpg"></a>-->
                                    <!--<a href="#"><img src="../images/detail-img7.jpg"></a>-->
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!--套餐参数-->
                    <ul>
                        <li>
                            <div class="detail-main-item2-right-content">
                                <div class="detail-main-item2-right-content-title">
                                    <span>套餐参数</span>
                                </div>
                                <div class="detail-main-item2-right-content-txt pb40">
                                    <p>
                                        赠送微喜帖：制作一份通过微信平台发送的电子喜帖，也可分享至朋友圈。喜帖功能包括：婚礼的时间、地点、人物等文
                                        字信息展示，婚纱照、生活照等图片信息展示，婚前访谈视频等的展示，酒店一键导航、快速拨号、祝福及留言功能，制作方广告位等。<br>
                                        赠送婚前访谈视频的录制：我们将为您在影棚提前录制一段3分钟以内的婚前访谈视频，可应用于微喜帖等平台，以一种    更好的方式告诉您的朋友你们的喜事。<br>
                                        赠送照片滚动播放视频的制作：我们将为您制作有良好视觉体验的照片滚动播放视频，内容可包括婚纱照生活照等，该视频可应用于宴会开始前的展示。
                                    </p>

                                </div>
                            </div>
                        </li>
                    </ul>
                    <!--图文详情-->
                    <ul>
                        <li>
                            <div class="detail-main-item2-right-content">
                                <div class="detail-main-item2-right-content-title">
                                    <span>图文详情</span>
                                </div>
                                <div class="detail-main-item2-right-content-txt">
                                    <a href="#"><img src="../images/detail-img6.jpg"></a>
                                    <a href="#"><img src="../images/detail-img7.jpg"></a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!--用户评论-->
                    <ul>
                        <li>
                            <div class="detail-main-item2-right-content">
                                <div class="detail-main-item2-right-content-title">
                                    <span>用户评论</span>
                                </div>
                                <div class="detail-main-item2-right-content-txt">
                                    <!--第一条评论-->
                                    <div class="detail-main-item2-right-content-pinglun">
                                        <p class="detail-main-item2-right-content-pinglun-photo"><img src="../images/detail-img4.jpg"></p>
                                        <div class="detail-main-item2-right-content-pinglun-content">
                                            <span>小芹菜</span>
                                            <p>提前差不多两个月就在婚礼纪逛了，最后还是选择了微爱，自己很喜欢这种风格，联系客服也很贴心的回答我的各种问题。
                                                开始心里还有些忐忑，付了全款，还送了好多东西。三月份来拍，感觉天气会比较好，不那么热，可是来之前看天气预报说要下雨，
                                                心里还比较担心，到了三亚接机的师傅也很好，服装师小雅更是好热情。第二天的化妆师兰兰技术很棒，美美的造型很喜欢，
                                                最辛苦的是摄影师啦，很卖力很贴心的一直教我们做动作逗我们笑，助理阿书也特别的好。总之这次三亚之行很满意哦
                                            </p>
                                            <p class="detail-main-item2-right-content-pinglun-time">2016-4-16   10:22:31</p>
                                        </div>
                                    </div>
                                    <!--第二条评论-->
                                    <div class="detail-main-item2-right-content-pinglun">
                                        <p class="detail-main-item2-right-content-pinglun-photo"><img src="../images/detail-img4.jpg"></p>
                                        <div class="detail-main-item2-right-content-pinglun-content">
                                            <span>小芹菜</span>
                                            <p>提前差不多两个月就在婚礼纪逛了，最后还是选择了微爱，自己很喜欢这种风格，联系客服也很贴心的回答我的各种问题。
                                                开始心里还有些忐忑，付了全款，还送了好多东西。三月份来拍，感觉天气会比较好，不那么热，可是来之前看天气预报说要下雨，
                                                心里还比较担心，到了三亚接机的师傅也很好，服装师小雅更是好热情。第二天的化妆师兰兰技术很棒，美美的造型很喜欢，
                                                最辛苦的是摄影师啦，很卖力很贴心的一直教我们做动作逗我们笑，助理阿书也特别的好。总之这次三亚之行很满意哦
                                            </p>
                                            <p class="detail-main-item2-right-content-pinglun-time">2016-4-16   10:22:31</p>
                                        </div>
                                    </div>
                                    <!--分页-->
                                    <div class="list-page detail-main-item2-right-content-pinglun-page">
                                        <div class="list-page-box">
                                            <a href="#" class="list-page-prev">上一页</a>
                                            <a href="#">1</a>
                                            <a href="#">2</a>
                                            <a href="#">3</a>
                                            <a href="#">4</a>
                                            <a href="#">5</a>
                                            <a href="#">6</a>
                                            <a href="#">7</a>
                                            <a href="#">8</a>
                                            <a href="#">9</a>
                                            <a href="#" class="list-page-next">下一页</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--最右热门推荐-->
    <div class="detail-about-right">
        <h3>热门推荐</h3>
        <ul>
            <li>
                <div class="detail-about-right-content">
                    <a href="#">
                        <img src="../images/detail-right.jpg">
                        <p>
                            <em>婚车租赁-宝马</em>
                            <span><b>¥</b>500</span>
                        </p>
                    </a>
                </div>
            </li>
            <li>
                <div class="detail-about-right-content">
                    <a href="#">
                        <img src="../images/detail-right.jpg">
                        <p>
                            <em>婚车租赁-宝马</em>
                            <span><b>¥</b>500</span>
                        </p>
                    </a>
                </div>
            </li>
            <li>
                <div class="detail-about-right-content">
                    <a href="#">
                        <img src="../images/detail-right.jpg">
                        <p>
                            <em>婚车租赁-宝马</em>
                            <span><b>¥</b>500</span>
                        </p>
                    </a>
                </div>
            </li>
            <li>
                <div class="detail-about-right-content">
                    <a href="#">
                        <img src="../images/detail-right.jpg">
                        <p>
                            <em>婚车租赁-宝马</em>
                            <span><b>¥</b>500</span>
                        </p>
                    </a>
                </div>
            </li>
        </ul>
    </div>
    <!--底部-->
    <div class="index-foot">
        <!--关于我们-->
        <div class="index-foot-about-us">
            <div class="index-foot-about-us-li">
                <h3>客服热线</h3>
                <p>工作时间：每天9:00~18:00</p>
                <span>0516—87931291</span>
            </div>
            <div class="index-foot-about-us-li">
                <h3>关注我们</h3>
                <a href="#">微信公证号</a><br>
                <a href="#">新浪微博</a><br>
                <a href="#">腾讯QQ</a>
            </div>
            <div class="index-foot-about-us-li">
                <h3>关于我们</h3>
                <a href="#">加入我们</a><br>
                <a href="#">网站地图</a><br>
            </div>
            <div class="index-foot-about-us-li">
                <h3>联系我们</h3>
                <p>邮箱：12345645@qq.com</p>
                <p>地址：徐州市云龙区建国路12号</p>
            </div>
        </div>
        <!--备案号-->
        <div class="index-foot-record-number">
            <div class="index-foot-record-number-txt">
                苏公网安备 11000002000088号  |  苏ICP证070359号
            </div>
        </div>
    </div>

    <script src="../scripts/jquery-1.10.1.min.js"></script>
    <script src="../scripts/kalendae.standalone.js"></script>
    <script type="text/javascript" charset="utf-8">
        var dates = [];
        dates[0] = "2016-6-6";
        dates[1] = "2016-6-28";
        dates[2] = "2016-6-29";

        new Kalendae('linedate', {
            months:1,
            mode:'single',
            blackout:dates
        });
    </script>
    <script src="../librarys/superslider/jquery.SuperSlide.2.1.1.js"></script>
    <script>
        jQuery(".detail-main-item2-right").slide({trigger:"click"});
        jQuery(".detail-main-item1-left").slide({mainCell:".bd ul",effect:"fold",trigger:"click"});
        jQuery(".detail-main-item1-right").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",vis:3,trigger:"click"});
    </script>
    <script src="../librarys/bootstrap/js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".detail-main-item1-left ul li,.detail-main-item1-center-type ul li").bind("click",function () {
                $(".detail-main-item1-left ul li,.detail-main-item1-center-type ul li").removeClass("active");
                $(this).addClass("active");
                return false;
            });
            $(".detail-main-item1-left .next,.detail-main-item1-left .prev").bind("click",function () {
                $(".detail-main-item1-left ul li").removeClass("active");
                return false;
            });
        });
    </script>
</body>

</html>